<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>AI-Football</title>
   <link href="/static/common.css" rel="stylesheet">
</head>
<body>

<div class="container">
    <div id="header"></div> <!-- header占位符 -->
    <div id="data-container">
        <!-- 数据将插入到这里 -->
    </div>
    <div id="loading" style="display:none;">加载中...</div>
</div>

<!-- 新增底部导航占位符 -->
<div id="bottom"></div>

<!-- 登录模态框占位符 -->
<div id="loginModal" style="display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999">
  <div style="position:relative;background:#fff;width:300px;margin:100px auto;padding:20px;border-radius:8px">
	<button id="closeLogin" style="position:absolute;top:10px;right:10px;background:0 0;border:none;font-size:20px">&times;</button>
	<h2 style="margin:0 0 20px;text-align:center;color:var(--text)">用户登录</h2>
	<form id="loginForm">
		<input type="text" placeholder="用户名" style="width:100%;margin-bottom:10px;padding:8px;border:1px solid #ddd;border-radius:4px">
			<input type="password" placeholder="密码" style="width:100%;margin-bottom:15px;padding:8px;border:1px solid #ddd;border-radius:4px">
				<button type="submit" style="width:100%;padding:10px;background:var(--primary);color:#fff;border:none;border-radius:4px">登录</button>
			</form>
		</div>
</div>

<script>
    // 现有的JavaScript代码
</script>
<script>

</script>
<script src="/static/common.js"></script> <!-- 引入common.js -->
<script src="/static/index.js"></script>
</body>
</html>